<template>
  <div id="app">
    <!-- leave-active-class="animated fadeOut" -->
    <!-- enter-active-class="animated fadeIn" -->
    <transition :duration="800" mode="out-in"
    appear
    appear-active-class="animated zoomInDown"
    enter-active-class="animated fadeIn"
    leave-active-class="animated fadeOut">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
  export default {
    name: 'App',
  }
</script>

<style>
  /* 在这里引入字体图标文件 */
  @import url('http://at.alicdn.com/t/font_1426139_h6vn3jbl5q.css');
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    -webkit-font-smoothing: antialiased;
    background-color: #f2f2f2;
    font: 4vw/1 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, \\5B8B\4F53, sans-serif;
    color: #666
  }

  button {
    cursor: pointer;
  }

  ul {
    list-style: none;
  }

  a {
    text-decoration: none;
  }

  img {
    vertical-align: top;
    width: 100%;
  }

  em,
  i {
    font-style: normal;
  }

  /* .fadeOut{
    position: absolute;
    width: 100%;
    box-sizing: border-box;
  } */
</style>
